<!DOCTYPE html>
<!-- 声明此文档为html文档  html（超文本标记语言） -->
<!-- "ctrl+/"  添加或删除注释 -->
<html lang="en">
<head>
    <!-- 网页的字符编码 -->
    <meta charset="UTF-8">
    <!-- 主要针对的ie浏览器，使网页以ie最高版本来预览 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 主要针对的移动设备-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--网页的标题 -->
    <title>第一个网页</title>
</head>
<body>
   <!-- 标签关系：包含（父子关系），并列关系（兄弟关系） -->
   <!-- 标题标签 hn(1~6) 双标签 默认字体加粗  块状元素标签（一组标签排不满一行，另一组不会自动往后排;设置宽高起作用） -->
   <h1 style="width:200px; height:40px; background:red">标题1</h1>
   <h2>标题2</h2>
   <h3>标题3</h3>
   <h4>标题4</h4>
   <h5>标题5</h5>
   <h6>标题6</h6>
<!-- 段落标签 p 双标签 默认字体正常  块状元素标签（一组标签排不满一行，另一组不会自动往后排;设置宽高起作用） -->
   <p style="width:200px; height:40px; background:red">段落1</p>
   <p>段落2</p>
   
</body>
</html>